<!doctype html>
<head>
<meta name="format-detection" content="telephone=no" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无卡支付</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="encrypt.js"></script>
<style>
	.number{
		width: 160px;
	    background: url('image/input.png') no-repeat;
	    background-size: contain;
	    margin: 32px auto 32px;
	    height: 58px;
	    text-align: center;
	}
	.number input{
		border: none;
	    height: 54px;
	    line-height: 54px;
	    width: 120px;
	    margin-top: 2px;
	    font-size: 18px;
	    color:#282828;
	    text-align: center;
	}
	.title{
		color:#3a3a3a;
		font-size:18px;
		text-align: center;
	}
	.info{
		text-align: center;
		color:#3a3a3a;
		font-size:14px;
		margin-top:16px;
	}
</style>
</head>
<body>
	<div><img src="image/index_bg.jpg" style="width:100%"/></div>
	<form>
		<div class="number">
			<input type="text" placeholder="￥0.01" />
		</div>
	</form>
	<div class="title">无卡支付体验</div>
	<div class="info">无卡支付体验#支付，用你喜欢的方式付款。</div>
	<button type="button" class="btn btn-blue">立 即 支 付</button>
	<div class="mask"></div>
	<ul class="pay-method">
		<li><a id="wxpay" href=""><img src="image/wchat.png"/>微信支付</a></li>
		<li><a id="alipay" href=""><img src="image/zhifubao.png"/>支付宝</a></li>
		<li><a id="nocard" href="nocard1.html?"><img src="image/yinlian.png"/>银联支付</a></li>
	</ul>
	<script>
	var a = '{"respCode":"00","respDesc":"交易成功"}';
	console.info(JSON.parse(a));
		var param = "partnerCode=G1001&secret=c6fefb5abf8a2addd6185bafb8cba20e&memberNo=G100117097221966&transAmt=200&subject=众马付的测试";
		$("#wxpay").attr("href", "wxpay1.html?"+Base64.encode(param+"&bizcode=1004"));
		$("#alipay").attr("href", "alipay1.html?"+Base64.encode(param+"&bizcode=2003"));
		$("#nocard").attr("href", "nocard1.html?"+Base64.encode(param+"&bizcode=3001"));
		$(function(){
			$('button').on('click',function(){
				$('.mask').show();
				$('.pay-method').show();
			});
			$('.mask').on('click',function(){
				$('.mask').hide();
				$('.pay-method').hide();
			});
		})
	</script>
</body>
</html>